import { Image, View } from '@tarojs/components';
import React from 'react';
import './stores.scss';

const Store = ({ orgLogo }) => {
  orgLogo = 'https://picsum.photos/70/70?a=' + Math.random();

  return (
    <View className="store">
      <Image className="logo" src={orgLogo}></Image>

      <View className="detail">
        <View className="org-name">亨通金服科技有限公司</View>
        <View className="tags">
          <View className="store-tag shop-tag">
            <View className="tag-text">商城</View>
          </View>

          <View className="store-tag take-away-tag">
            <View className="tag-text">外卖</View>
          </View>
        </View>
      </View>
    </View>
  );
};

const GiftCardStores = () => {
  const stores = new Array(10).fill(null);

  return (
    <>
      <View className="giftCardStores">
        <View className="store-list">
          {stores?.map((_, index) => {
            return (
              <View key={index}>
                <Store></Store>
                <View className="store-split-line"></View>
              </View>
            );
          })}
        </View>
      </View>
    </>
  );
};
export default GiftCardStores;
